<template>
    <view class="productSales">
        <view
            class="item"
            v-for="(item, index) in list"
            :key="index"
            @click="onClick(item)"
        >
            <view class="i-time">{{ item.atime }}</view>
            <view class="items">
                <view class="items-data">
                    <view class="s-title">{{ item.scode }}</view>
                    <view class="s-i-t">{{ item.payinfo }}</view>
                    <view class="s-num">{{ item.odno }}</view>
                    <view class="s-num">{{ item.txt }}</view>
                </view>
                <view class="add-m-v font_size18">{{ item.money }}</view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    props: ["list"],
    data() {
        return {};
    },
    created() {},
    methods: {
        onClick(item) {
            this.$emit("showFlowDetails", item);
        },
    },
};
</script>

<style lang="scss">
.productSales {
    .item {
        cursor: pointer;
        .i-time {
            color: #999;
            font-size: 15px;
            background-color: #eee;
            padding-left: 5px;
        }

        .items {
            display: flex;

            margin: 10px 0;
            image {
                width: 80px;
                height: 80px;
                border-radius: 5px;
            }
            .add-m-v {
                color: #1aad19;
                padding-right: 25px;
            }
            .items-data {
                flex: 1;
                padding-left: 15px;
                font-size: 13px;
                color: #333;
                .s-title {
                    font-size: 16px;
                }
                .s-i-t {
                    color: #999;
                    .s-i-p {
                        padding: 0 10px;
                    }
                }
                .s-num {
                    .s-n-p {
                        padding-left: 10px;
                    }
                }
            }
        }
    }
}
</style>
